/* 顶部流程导航order-progress-bar 开始 */
.order-progress-bar {
	height: 60px;
	width: 100%;
	margin: 40px 0;
	text-align: center;
}

.order-progress-bar .step {
	float: left;
	width: 33%;
}

.order-progress-bar .step-num {
	color: #fff;
	font-size: 12px;
	display: inline-block;
	width: 16px;
	height: 16px;
	line-height: 16px;
	border-radius: 10px;
	text-align: center;
	background-color: #ffd8d7;
	position: relative;
}

.order-progress-bar .done .bar {
	border-color: #f03d37;
}

.order-progress-bar .done .step-num {
	background-color: #f00c0c;
	;
}

.order-progress-bar .step-text {
	font-size: 14px;
	color: #999;
	display: inline-block;
	margin-top: 10px;
}

.order-progress-bar .progress {
	margin-bottom: 0px;
}

.order-progress-bar .progress .progress-bar {
	background-color: #e60b0b;
}

/* 顶部流程导航order-progress-bar 结束 */
/* 表格开始 */
.order-table {
	border: 1px solid #e5e5e5;
	border-spacing: 0;
	margin-bottom: 60px
}

.order-table thead {
	background-color: #f7f7f7
}

.order-table thead tr th {
	text-align: center;
	font-size: 16px;
	color: #333;
	width: 25%;
	font-weight: 400;
}

.order-table td {
	text-align: center;
	color: #333;
}

.order-table .movie-name {
	font-size: 16px;
	line-height:5;
}

.order-table .showtime {
	font-size: 14px;
	color: #f03d37;
	line-height:5;
}

.order-table .cinema-name {
	font-size: 14px;
	line-height:5;
}

.order-table .hall {
	display: inline-block;
	font-size: 14px;
	color: #424242;
	font-weight: 700;
	margin-right: 10px;
	vertical-align: top;
}

.order-table .seats .seatinfo {
	margin-right: 2px;
}
.order-table .seats span.border {
 border-left:1px solid #e5e5e5;
 padding-left:5px
}
.order-table .seats i {
 font-size:16px;
 font-style:normal;
 margin:0 2px
}
.modal-container {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1000;
	background-color: rgba(0, 0, 0, .4)
}

.modal-container .modal {
	width: 460px;
	height: 155px;
	padding: 30px 0;
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #fff;
	text-align: center
}

.modal-container .icon {
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url() no-repeat
}

.modal-container .tip {
	font-size: 14px;
	color: #666;
	margin-bottom: 26px;
	margin-top: 12px
}

.modal-container .tip .highlight {
	color: #f03d37
}

.modal-container .btn {
	border-radius: 100px;
	height: 42px;
	line-height: 42px;
	font-size: 16px;
	width: 260px;
	padding: 0;
	cursor: default
}

.modal-container .ok-btn {
	color: #fff;
	background-color: #f03d37;
	-webkit-box-shadow: 0 2px 10px -2px #f03d37;
	box-shadow: 0 2px 10px -2px #f03d37
}

.modal-container .cancel-btn {
	margin-left: 12px;
	color: #999;
	background-color: #e5e5e5;
	-webkit-box-shadow: 0 2px 10px -2px #e5e5e5;
	box-shadow: 0 2px 10px -2px #e5e5e5
}

.modal-container .short.btn {
	width: 106px
}

p {
	margin: 0
}

.btn,
.pay-btn {
	cursor: pointer;
	display: inline-block;
	width: 190px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	color: #fff;
	background-color: #f03d37;
	border-radius: 100px;
	-webkit-box-shadow: 0 2px 10px -2px #f03d37;
	box-shadow: 0 2px 10px -2px #f03d37
}

.count-down-wrapper {
	padding-left: 2%;
	padding-top: 2%;
	padding-bottom: 2%;
	margin-bottom: 4%;
	background-color: #fff3f3
}

.count-down-wrapper .count-down {
	padding-left: 55px;
	min-height: 41px;
	margin-left: 30px;
	margin-top: 20px;
	background: url(../img/hopper.png) no-repeat;
}

.count-down-wrapper .time-left {
	font-size: 16px;
	color: #666;
	margin-bottom: 4px
}

.count-down-wrapper .time-left .minute,
.count-down-wrapper .time-left .second {
	font-size: 32px;
	color: #f03d37;
	margin: 0 5px
}

.count-down-wrapper .tip {
	font-size: 14px;
	color: #f03d37
}

.warning {
	font-size: 12px;
	color: #999;
	;
	margin-bottom: 8px
}

.right {
	text-align: right
}

.right .price-wrapper {
	font-size: 14px;
	color: #333;
	margin-bottom: 17px
}

.right .price-wrapper .price {
	font-size: 36px;
	color: #f03d37
}

.right .price-wrapper .price:before {
	content: "\FFE5";
	font-size: 24px
}
